
<h2>Dodaj nowy wpis:</h2>
<div style="padding: 5px; margin: 5px;">
			Kategoria: <strong style="color: #ff0000">{$kateg.blcNazwa}</strong>
			<br/><i>{$kateg.blcOpis}</i>
			
</div>
<form action="{$smarty.const.HTTP_URL}{$smarty.request.page},Blog,zapiszNowyWpis.html" enctype="multipart/form-data" method="post">
<input type="hidden" name="blcID" value="{$kateg.blcID}"/>
<input type="hidden" name="blcPage" value="{$smarty.request.page}"/>

<table>
	<!-- nie można dodawac tr -->
	<tr>
		<th>
			Zdjęcie:<br/>
			[jpg; jpeg]
		</th>
		<td>
			<input name="blpFile" type="file" style="width:400px;"/>
		</td>
	</tr>
	
	<tr>
		<th></th>
		<th>
			<input id="multiFiles__" type="checkbox" value="0"/> wczytaj jednocześnie kilka zdjęc bez opisu.
		</th>
	</tr>	
	<tr id="phNazwa__" style="margin: 10px;">
		<th valign="top">
			Temat wpisu:
		</th>
		<td style="padding-bottom: 10px;">
		{foreach from=$smarty.const.LANGU|unserial key=k item=v}
			<input type="text" name="blwTemat[{$k}]" style="width:400px;"/> [ {$k} ] {$v}
		{/foreach}
		</td>
	</tr>
	<tr id="phOpis__">
		<th>	Wpis bloga		</th>
		<td>
		

			
			<div id="langs-wpisy">
				<ul>
				{foreach from=$smarty.const.LANGU|unserial key=k item=v}
					<li><a href="#tabs-{$k}">[ {$k} ] {$v}</a></li>
				{/foreach}
				</ul>
				
				{foreach from=$smarty.const.LANGU|unserial key=k item=v}	
					<div id="tabs-{$k}">
						<textarea name="blwWpis[{$k}]" class="htmledytor" style="height: 300px; width: 90%;"></textarea>
					</div>
				{/foreach}
			</div>		
			


		</td>
	</tr>	
	<tr>
		<th></th>
		<th>
			<input type="submit" value="Dodaj nowy wpis"/> <input type="button" value="Zrezygnuj" onclick="document.location='{$smarty.const.HTTP_URL}{$smarty.request.page},,,lista_kategorii.html';"/>
		</th>
	</tr>	
</table>
</form>

{literal}
<script type="text/javascript">
	$(function() {
		$("#langs-wpisy").tabs();
	});
 	
	$(document).ready(function(){
		onChInput();	
		$("#multiFiles__").change( function() {	
			n = $(".phFiles__").length;
			n++;
			var fileInp = '<input type="file" name="phFile'+n+'" style="width:400px;"/>';
			if ($("#multiFiles__").is(":checked")){
				if($("tr:first td input").val() != "" ){
					$("tr:first").clone(true).insertBefore("tr:first");
					$("tr:first").attr('class','phFiles__');
					$("tr:first td").html(fileInp);	
					onChInput(fileInp);					
				}	
										
			}else{
				$(".phFiles__").remove();
			}
		});	
	});
	
			
	function onChInput(fileInp){
		$("input[type=file]").change( function() {
			n = $(".phFiles__").length;
			n++;
			var fileInp = '<input type="file" name="phFile'+n+'" style="width:400px;"/>';
			
			ext = ($(this).val());
			ext = ext.substring(ext.length-4,ext.length);
			ext = ext.toLowerCase();
			if(ext == 'jpeg' || ext == '.jpg') {
				if ($("#multiFiles__").is(":checked")){
					$("tr:first").clone(true).insertBefore($("tr:first"));
					$("tr:first").attr('class','phFiles__');
					$("tr:first td").html(fileInp);
					onChInput(fileInp);
				}
			}else{
			  $(this).replaceWith(fileInp);
			  onChInput(fileInp);
			  alert("Proszę wybrać plik typu JPG");
		  }
		});	
	}

</script>
{/literal}